:root{
  --pm-el-transition-duration: 0.3s;
  transition: background-color var(--pm-el-transition-duration);
  --el-border-radius-base: 0px;
  user-select: none;
  cursor: pointer;
  --el-select-input-focus-border-color: none;
  --el-border-radius-circle: 0px;
  --el-text-color-placeholder: var(--pm-el-placeholder-color);
  --el-input-focus-border-color: var(--el-fill-color-light);
}
:root {
  background-color: rgb(255, 255, 255);
  --el-fill-color-light: #eeeeee;
  --pm-el-background-color: #eeeeee;
  --pm-el-text-color: #606266;
  --pm-el-placeholder-color: #909399;
  // switch
  --pm-el-on-color: var(--el-color-primary);
  --pm-el-button-active-bg-color: #dcdfe6;
  --pm-el-button-color: #efefef;
  --pm-el-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  --pm-el-bg-color: #141414;
  --pm-el-text-color-primary: #e5eaf3;
  --pm-border-color:#A0A0A0;
  --pm-background-color:#FFFFFF;
}
:root.dark {
  background-color: rgb(20, 20, 20);
  --el-fill-color-light: #262727;
  --pm-el-background-color: #262727;
  --pm-el-text-color: #cfd3dc;
  --pm-el-placeholder-color: #909399;
  // switch 
  --pm-el-on-color: #202121;
  --pm-el-on-color:  var(--el-color-primary);
  --pm-el-button-active-bg-color: #202121;
  --pm-el-button-color: #6b6b6b;
  --pm-el-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  --pm-el-bg-color:#fff;
  --pm-el-text-color-primary:#303133;
  --pm-border-color:#5A5A5A;
  --pm-background-color:#121212;
}
